<template>
	<view class="Recharge_content Transfer_content">
		<view class="kuang">
			<view class="title">
				<image src="../../static/image/left.png" mode="" @tap="back"></image>
				<text>订单记录</text>
				<view class="title-right">
					<switch checked @change="switch1Change" class="switch" color="#FC355F"/>
					<text :style="position1">卖</text>
				</view>
			</view>
			
			<view class="order_num">
				<view>交易单量 <text> 299</text></view>
				<view>完成率 <text>95%</text></view>
			</view>
			
			<scroll-view scroll-y="true" class="data_list"
			@scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll"
			>
			
			
				<!-- 转入 -->
				<view class="data_item out_item">
					<text class="data_type">oUSDT</text>
					<view class="item_box">
						<view class="left">
							<text>单价 7.05</text>
							<!-- 备注：转入状态失败添加fail类名替换success -->
							<text class="status success">数量 14.16</text>
						</view>
						<view class="right">
							<view class="right_left">
								<text>金额 100 OEX</text>
								<text>时间 2020-03-04 10:09:02</text>
							</view>
							<image src="../../static/image/right_icon.png"></image>
						</view>
					</view>
				</view>
				
				
			</scroll-view>
		
		
			
		
			
		</view>


	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				array: ['币种A', '币种B', '币种C', '币种D'],
				index: 0,
				position1:"right:30upx",
			}
		},
		onLoad() {

		},
		methods: {
			switch1Change: function (e) {
					console.log('switch1 发生 change 事件，携带值为', e.target.value)
					if(!e.target.value){
						this.position1 = "left:25upx"
					}else{
						this.position1 = "right:30upx"
					}
			},
			back(){
				this.$CommonJS.navigateBack()
			},
			upper: function(e) {
					console.log(e)
			},
			lower: function(e) {
					console.log(e)
			},
			scroll: function(e) {
					console.log(e)
					//this.old.scrollTop = e.detail.scrollTop
			},
			
		}
	}
</script>

<style lang="stylus">
	@import "../../static/stylus/order/order_out.stylus"
</style>
